class Home{
    constructor(){
        this.bindEve();
        this.changeCartNum();
    }

    // 绑定事件
    bindEve(){
        // 给购物车绑定一个点击事件
        this.$('.show-shopcar .sui-btn').addEventListener('click', this.clickFn.bind(this));
    }
    // 点击判断是否登录
    clickFn(){
        console.log(111);
        // 获取token的值
        let token = localStorage.getItem('token');
        // 如果token的值为空，则返回登陆页面，登陆成功返回首页
        if(!token){
            location.assign('./login.html?returnUrl=./home.html')
        }else{
            // console.log(this);
            // 如果登陆则跳转到购物车页面
            location.assign('./cart.html'); 
            
        };  
        // this.changeCartNum(); 
    }
    // 实时获取购物车的总数量
    async changeCartNum(){

        //获取用户id
        let userId = localStorage.getItem('use_id');
        // console.log(userId);

        //携带token
        axios.defaults.headers.common['Authorization'] = localStorage.getItem('token');

        // 发送ajax请求
        let { status, data } = await axios.get('http://localhost:8888/cart/list?id=' + userId);

        // 判断服务器和接口的状态
        if (status == 200 && data.code == 1) {
        // console.log(status, data);

        // 声明变量存放cart_number的和
        let sum = 0;

        // 遍历data.cart，获取cart_number的总和
        data.cart.forEach(ele =>{
           // console.log(ele.cart_number);
           sum += ele.cart_number;
        //    console.log(sum);
        })

        // this.$('.allgoods .num').innerHTML = sum;

        // 把sum设置到当前位置
        this.$('.sui-btn .shopnum').innerHTML = sum;
       }
   }
    $(ele){
        let res = document.querySelectorAll(ele);
        return res.length == 1 ? res[0] : res;
    }
}
new Home;